@charset "utf-8";

.top{
	height: 1.01rem;
	padding-top: .84rem;
}
/* nav开始 */
nav:nth-of-type(1){
	background: linear-gradient(#ff6345,#ff897d);
	box-shadow: 0 .05rem .2rem -0.1rem rgba(0,0,0,0.3);
}
nav p{
	width: 25%;
}
nav p img{
	width: .14rem;
	height: .16rem;
}
/* nav结束 */
/* 小U自营开始 */
.chorise{
	padding: 0 .2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: .72rem;
	background-color: #fff;
}
.chorise .left{
	display: flex;
	font-size: .3rem;
	color: #333333;
}
.chorise h4{
	font-weight: normal;
}
.chorise .left input{
	margin-right: .21rem;
	width: .32rem;
	height: .32rem;
}
.chorise .right {
	font-size: .24rem;
	color: #333333;
}
.chorise .right i{
	vertical-align: -2px;
	display: inline-block;
	height: .22rem;
	width: .02rem;
	background-color: #979797;
}
.chorise .right span{
	color: #ff6242;
}
/* 小U自营结束 */
/* 狗物车的商品开始 */
article{
	padding: 0 .14rem 0 .2rem;
	margin-bottom: .4rem;
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
	height: 7.68rem;
	background-color: #fff;
}
article section{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 2.16rem;
}
section img{
	width: 2.16rem;
	height: 2.16rem;
}
section input{
	width: .32rem;
	height: .32rem;
}
section .font{
	width: 4.17rem;
	height: 2.16rem;
}
section h4{
	width: 4.17rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font: .3rem/.33rem "微软雅黑";
}
section .font>p:nth-of-type(1){
	margin-bottom: .21rem;
	width: 4.11rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font: .26rem/.46rem "微软雅黑";
	color: #a1a1a1;
}
section select{
	width: 1.48rem;
	height: .32rem;
	background-color: #f2f2f2;
	font: .2rem/1 "微软雅黑";
	color: #333333;
}
section .font p:nth-of-type(2){
	margin-bottom: .03rem;
	font: .2rem/.41rem "微软雅黑";
	color: #ff7d63;
}
section .money{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: .40rem;
}
section .money p:nth-of-type(1){
	margin-top: .09rem;
	font: bold .3rem/1 "微软雅黑";
	color: #ff6040;
}
section .money p:nth-of-type(1) span{
	font-size: .16rem;
}
section .money p:nth-of-type(1) del{
	font-size: .16rem;
	color: #999999;
}
section .money .number{
	font-weight: bold;
	font-size: .46rem;
}
section .money .number span{
	vertical-align: middle;
	display: inline-block;
	width: .8rem;
	height: .4rem;
	background-color: #f2f2f2;
	font-size: .2rem;
	color: #333333;
	line-height: .4rem;
	text-align: center;
}
section .money .number::before{
	vertical-align: middle;
	content: "";
	display: inline-block;
	width:.28rem;
	height: .04rem;
	background-color: #333333;
}
/* 购物车商品区结束 */
/* 底部结算区和底部区开始 */

.footer{
	padding-left: .2rem;
	box-sizing: border-box;
	position: fixed;
	bottom: 1.67rem;
	left: 50%;
	width: 7.5rem;
	margin-left: -3.75rem;
	background-color: #fff;
	border-top: 1px solid #cccccc;
}
.footer section{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: .98rem;
}
.footer h3{
	width: 1.69rem;
	font: bold .32rem/1 "微软雅黑";
	color: #333333;
}
.footer section .right{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 5.08rem;
}
.footer .all h3,
.footer .dollar h3{
	margin-top: .14rem;
	line-height: .42rem;
}
.footer .all p,
.footer .dollar p{
	font: .2rem/.3rem "微软雅黑";
	color: #a1a1a1;
}
.footer .dollar h3{
	color: #ff6040;
}
.footer .btn{
	width: 2.2rem;
	height: .98rem;
	background-color: #ff6040;
	font-size: .31rem;
	font-weight: bold;
	color: #fff;
	line-height: .98rem;
	text-align: center;
}
.footer .all{
	width: 1.1rem;
}
.footer .dollar{
	width: 1.68rem;
	text-align: right;
}